<style scoped>
    .my-photo-item-container{
        margin-top: 5px;
    }

    .my-photo-item-container-fir-Row{
         margin-top: 5px;
         text-align: center;
    }

    .my-photo-item-container-Row{
         margin-top: 15px;
         text-align: center;
    }

    .Card-style{
        height: 315px;
        width: 315px;
    }
</style>

<template>
   <div id='my-photo-item-container' class='my-photo-item-container'>
        <Row class='my-photo-item-container-fir-Row'>
            <Col span="7">
                <Card class='Card-style'>
                    <!-- <p slot="title">The standard card</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/zj001.jpg" height="200" width="200" />
                    <p>
                        好美的杜鹃花，看到这些花，突然想起了我的发小，121…027，她好像喜欢桃花，好久没联系了，不知道她怎么样了.
                    </p>
                </Card>
            </Col>
            <Col span="7" offset="1">
                <Card class='Card-style'>
                    <!-- <p slot="title">Disable card with hover shadows</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/zj002.jpg" height="200" width="200" />
                    <p>
                        来公司好久了，抽空去太湖转转，本来要去三国水浒城拍照的，但是有新娘在那里拍婚纱照，就让给她们吧，说不定未来的丈母娘在那里呢。哈哈，祝福他们。
                    </p>
                </Card>
            </Col>
            <Col span="7" offset="1">
                <Card class='Card-style'>
                    <!-- <p slot="title">Disable card with hover shadows</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/app.png" height="200" width="200" />
                    <p>
                        今天平安夜，公司发了平安果，好贴心。
                    </p>
                </Card>
            </Col>
        </Row>

        <Row class='my-photo-item-container-Row'>
            <Col span="7">
                <Card class='Card-style'>
                    <!-- <p slot="title">The standard card</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/764572443920498302.jpg" height="200" width="200" />
                    <p>
                        总有人在想着你，年华似水，何不好好努力，不辜负你爱的人和爱你的人。话说本想送她一本书的，送啥好呢？
                    </p>
                </Card>
            </Col>
            <Col span="7" offset="1">
                <Card class='Card-style'>
                    <!-- <p slot="title">Disable card with hover shadows</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/location.jpg" height="200" width="200" />
                    <p>
                       下雪了，天很冷，远方的你还好吧，为什么要生气呢？不知不觉我的脚步越走越远，这是我实习的地方，下一站会是哪里呢？
                    </p>
                </Card>
            </Col>
            <Col span="7" offset="1">
                <Card class='Card-style'>
                    <!-- <p slot="title">Disable card with hover shadows</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/line.jpg" height="200" width="200" />
                    <p>
                       其实我遇到的社会人也挺好的，不像老师说的那样不堪……。话说遇到一个好厉害的单身汪，我要跟着他好好学，哈哈。
                    </p>
                </Card>
            </Col>
        </Row>
        <Row class='my-photo-item-container-Row'>
            <Col span="7">
                <Card class='Card-style'>
                    <!-- <p slot="title">The standard card</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/life.png" height="200" width="200" />
                    <p>
                       所谓的命运不过就是一个个选择的连线，抉择将至，有舍才有得。
                    </p>
                </Card>
            </Col>
            <Col span="7" offset="1">
                <Card class='Card-style'> 
                    <!-- <p slot="title">Disable card with hover shadows</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/music_01.jpg" height="200" width="200" />
                    <p>
                       你曾是少年！
                    </p>
                </Card>
            </Col>
            <Col span="7" offset="1">
                <Card class='Card-style'>
                    <!-- <p slot="title">Disable card with hover shadows</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p> -->
                    <img src="http://ouuy81imh.bkt.clouddn.com/Seven_people.jpg" height="200" width="200" />
                    <p>
                       这个瓜娃子，竟然偷拍我。。。。。。
                    </p>
                </Card>
            </Col>
        </Row>
   </div>
</template>
<script>
    export default {
        
    }
</script>
